<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>盘点页面</title>
    <meta name="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.13.42/dingtalk.open.js"></script>
<!--    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">-->
    <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<!--    <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>-->
    <!-- meta使用viewport以确保页面可自由缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 引入 jQuery Mobile 样式 -->
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <!-- 引入 jQuery Mobile 库 -->
    <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>
<script>
$(function (){

    // 展示全部资产
    $.ajax({
        url:"/showMyCheck",
        type:"post",
        dataType:"json",
        success:function(jsonArray){
            showData(jsonArray);
        },
        error:function (msg){
            alert("ajax失败:"+msg);
        }
    });

    function showData(jsonArray){
        //清空table
        var table = document.getElementById("tab");
        arr = table.getElementsByTagName("tr");
        //alart(arr.length);
        //不能用i++的方式去删除，双数行删不掉，删掉第一行的时候第二行变成第一行，下一次删的是第三行。
        //所以采用从最后开始的删除方法。
        for(var i=arr.length-1;i>0;i--){
            table.deleteRow(i);
        }

        var str = "";
        var length=jsonArray.length;
        for (var i=0;i<length;i++){
            str = "<tr><td>" +jsonArray[i].true_id+"</td><td>"
                +jsonArray[i].rname+"</td><td>"
//                +jsonArray[i].initial_uid+"</td><td>"
                +jsonArray[i].uname+"</td><td>"
                +jsonArray[i].completetime+"</td><td>"
                +jsonArray[i].error+"</td><td>"
                +jsonArray[i].tips+"</td><td>" +
                "<div><button type='button' id='check' >扫码盘点</button>" +
                "</td></tr>"
            $("#tab").append(str)
        }
    }

    $(document).on('click','#check',function (){
        var rid = $(this).parents("tr").find("td").eq(0).text();
        var lasttime = $(this).parents("tr").find("td").eq(4).text();
        alert("click")
        dd.ready(function() {
            dd.biz.util.scan({
                type: "all" , // type 为 all、qrCode、barCode，默认是all。
                onSuccess: function(data) {
                    var message = data.text;
                    sendMessage(message,rid,lasttime);
                },
                onFail : function(err) {
                }
            });
        });
    })

    $(document).on('click','#checkAll',function (){
        dd.ready(function() {
            dd.biz.util.scan({
                type: "all" , // type 为 all、qrCode、barCode，默认是all。
                onSuccess: function(data) {
                    var message = data.text;
                    alert("信息："+message);
                    sendMessage(message,rid,lasttime);
                },
                onFail : function(err) {
                    alert("扫码失败")
                }
            });
        });
    })

    function sendMessage(message,rid,lasttime){
        $.ajax({
            url:"/sendMessage",
            type:"post",
            dataType:"json",
            data:{
                "message":message,
                "true_id":rid,
                "last_time":lasttime,
            },
            success:function(msg){
                showData(msg);
            },
            error:function (msg){
                alert("当前盘点日期已过，禁止再次盘点！");
            }
        })
    }
})

</script>
<body>
<div id="header">
    <h1>资产盘点系统</h1>
</div>

<button type='button' id='checkAll' >扫码盘点</button>
<div>
    <table id="tab" border="1px" >
        <tr>
            <td width=14%>资产编号</td>
            <td width=14%>资产名称</td>
<!--            <td width=12%>员工工号</td>-->
            <td width=14%>员工名</td>
            <td width=14%>结束时间</td>
            <td width=14%>盘点状态</td>
            <td width=30%>备注</td>
        </tr>
    </table>
</div>
</body>
</html>
